 #imglist{
    height: auto;
    overflow: hidden;
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    .groupmenu{
    	position: absolute;
    	// bottom: 0px;
    	top:0px;
    	left:0px;
    	right:0px;
    	.group-edit{
    		outline: none;
    		width:100px;
		    position: relative;
		    list-style-type: none;
		    padding: 0;
		    margin: 2px 0 0;
		    text-align: left;
		    color: #ececec;
			background-color: #2e2e2e;
		    box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);
		    li{
		    	cursor: pointer;
		    	padding: 5px 10px 5px 10px;
		    	transition: 0.3s;
		    }
		    li:hover{
		    	color: #fff;
		    	background: #5e5e5e;
		    }
    	}
    }
    .img-list-container{
		position: absolute;
		background:#2a2b3d;
		top:50px;
		left:200px;
		overflow: auto;
		bottom:0px;
		right:0px;
		padding:10px 20px 20px 20px;
		.img-items{
			padding-top: 10px;
			.img-item{
				cursor: pointer;
				margin-bottom: 20px;
				float: left;
				margin-right: 20px;
				width:250px;
				height:auto;
				overflow: hidden;
				background:#383b54;
				.img-item-img{
					width:100%;
					height:141px;
					background-repeat: no-repeat;
					background-size: 100% 100%;
				}
				.img-item-manage{
					width:100%;
				}
			}
			.img-item-add{
				height:181px;
				-webkit-box-pack:center;
				-moz-box-pack:center;
				-ms-flex-pack:center;
				justify-content:center;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: flex;
				cursor: pointer;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-moz-box-orient: vertical;
				-moz-box-direction: normal;
				-ms-flex-direction: column;
				flex-direction: column;
				-webkit-box-align: center;
				-moz-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				span{
					color:#ececec;
					margin-top: 10px;
				}
			}
		}
		h3{
			width:100%;
			margin:0px;
			font-weight: 400;
			color:#e0e0e0;
			padding:0px;
		}
    }
    .message-confirm{
		position: fixed;
		top:0px;
		left:0px;
		bottom:0px;
		right:0px;
		z-index: 999999;
		background: rgba(0,0,0,0.2);
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		.message-container{
			width:300px;
			background: #383b54;
			color: #ececec;
			padding: 15px;
			h3{
				padding:0px 0px 10px 0px;
				color: #ececec;
				font-weight: 400;
				margin:0px;
				height: auto;
				overflow: hidden;
				width:100%;
			}
			p{
				margin-top: 15px;
			}
			.confirm{
				span{
					cursor: pointer;
					float: right;
					margin-left: 15px;
					transition: 0.3s;
					color: #2e2e;
					padding:5px 10px 5px 10px;
				}
				span:hover{
					background: #4b4f69;
				}
				height: auto;
				overflow: hidden;
				margin-top: 10px;
				span:nth-child(1){
					color: #e05609
				};
				span:nth-child(2){
					color: #10b9f8
				};
			}
		}
	}
}
.img-item-manage{
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 40px;
	padding-left: 10px;
	padding-right: 10px;
	div{
		flex-grow: 1;
		color: #ececec;
	}
	img{
		height:16px;
		cursor: pointer;
		flex-shrink:0;
	}
}